<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>导航栏</title>
		<style type="text/css">
			body {
				margin: 0px;
				padding: 0px
			}
			#aa{
				font-family: "微软雅黑";
				font-weight: bold;/* 字体加粗 */
				width: 180px;
				height: 30px;
				background-image: url(images/columns.gif);/* 背景图*/
				padding-left: 40px;
				padding-top: 10px;
				list-style:none;
			}
			#bb{
				list-style:none;
				list-style-image: url(images/side_li.gif);
			}
		</style>
	</head>
	<body bgcolor="aliceblue"><!-- 设置整体背景颜色 -->
	<!-- 设置导航栏信息 -->
		<li id=aa>人员信息管理</li>
		<ul>
			<li id=bb><a href="html04.html" target="right">人员信息</a></li><!-- 设置超链接 并在右边部分显示 -->
			<li id=bb><a href="html05.html" target="right">添加信息</a></li>
			<li id=bb>雇佣信息</li>
		</ul>

		<li id=aa>出勤管理</li>
		<ul>
			<li id=bb>出勤情况</li>
			<li id=bb>每月出勤</li>
			<li id=bb>当日出勤</li>
		</ul>

		<li id=aa>系统管理</li>
		<ul>
			<li id=bb>角色管理</li>
			<li id=bb>权限管理</li>
			<li id=bb>角色分配</li>
			<li id=bb>登录日志</li>
			<li id=bb>配置系统</li>
		</ul>
	</body>
</html>
